<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/details.css" />
    <script src="js/cookies.js"></script>
</head>

<body>
    <div id="details" onload="checkCookie()">
        <!--头部-->
        <div class="xf_header">
            <header>
                <a href="index.html">
                    <img src="img/id.jpg" />
                </a>
                <div class="city">
                    <img src="img/icon-address.png" />
                    <span><text id="mine"></text><a id="a1" href="login.html">请先登录</a></span>
                    <a href="#"><button type="button" onclick="logout()">退出登录</button></a>
                </div>
                <div class="nav">
                    <a href="index.html">全部</a>
                    <a href="mon.html">怪兽</a>
                    <a href="mag.html">魔法</a>
                    <a href="tra.html">陷阱</a>
                    <a href="#">关于我们</a>
                </div>
                <div class="link">
                    <img src="img/i-search.jpg" />
                    <img src="img/i-cart.jpg" />
                    <img src="img/i-user.jpg" />
                    <div class="dropdown">
                        <button class="dropbtn">联系我们</button>
                        <div class="dropdown-content">
                            <a href="#">QQ:11111</a>
                            <a href="#">tel:111111</a>
                        </div>
                    </div>
                </div>
            </header>
        </div>
        <div class="xf_content">
            <div class="content">
                <ul class="clear">
                    <li>
                        <img src="img/开.jpg">
                        <p>DD 魔导贤者 开普勒</p>
                        <a href="details18.html">详情</a>

                    </li>
                    <li>
                        <img src="img/白.jpg" />
                        <p>DD 魔导贤者 哥白尼</p>
                        <a href="details2.html">详情</a>
                    </li>
                    <li>
                        <img src="img/二狗.jpg" />
                        <p>DD 俄尔托斯</p>
                        <a href="details4.html">详情</a>
                    </li>
                    <li>
                        <img src="img/灯泡.jpg" />
                        <p>DD 魔导贤者 托马斯</p>
                        <a href="details3.html">详情</a>
                    </li>
                    <li>
                        <img src="img/坏.jpg" />
                        <p>DDD 坏薙王 地狱终末神</p>
                        <a href="details1.html">详情</a>
                    </li>
                    <li>
                        <img src="img/lv.jpg" />
                        <p>DD 螺涡史莱姆</p>
                        <a href="details6.html">详情</a>
                    </li>
                    <li>
                        <img src="img/红.jpg" />
                        <p>DD 死灵史莱姆</p>
                        <a href="details7.html">详情</a>
                    </li>
                    <li>
                        <img src="img/鬼.jpg" />
                        <p>DD 幽灵</p>
                        <a href="details5.html">详情</a>
                    </li>
                    <li>
                        <img src="img/蛇.jpg" />
                        <p>DD 拉米亚</p>
                        <a href="details8.html">详情</a>
                    </li>
                    <li>
                        <img src="img/烈火.jpg" />
                        <p>DDD 烈火王 铁木真</p>
                        <a href="details10.html">详情</a>
                    </li>
                    <li>
                        <img src="img/克龙.jpg" />
                        <p>DDD 克龙王 贝奥武夫</p>
                        <a href="details9.html">详情</a>
                    </li>
                    <li>
                        <img src="img/疾风.jpg" />
                        <p>DDD 疾风王 亚历山大</p>
                        <a href="details12.html">详情</a>
                    </li>
                    <li>
                        <img src="img/咒血.jpg" />
                        <p>DDD 咒血王 塞弗里德</p>
                        <a href="details11.html">详情</a>
                    </li>
                    <li>
                        <img src="img/白ceo.jpg" />
                        <p>DDD 地狱终末神 白色死伟王</p>
                        <a href="details13.html">详情</a>
                    </li>
                    <li>
                        <img src="img/双小.jpg" />
                        <p>DDD 双晓王 末法神</p>
                        <a href="details14.html">详情</a>
                    </li>

                </ul>
                <div class="page clear">
                    <img src="img/arrow_03.jpg" />
                    <span>1</span>
                    <img src="img/arrow_05.jpg" />
                </div>
            </div>
        </div>
        <!--footer-->
        <div class="xf_footer">
            <footer>
                <div class="footer1">
                    <div class="msg">
                        <a href="#">游戏规则</a>
                        <a href="#">视频介绍</a>
                        <a href="#">决斗工具</a>
                        <a href="#">联系我们</a>
                        <a href="#">回到顶部</a>
                        <a href="#">关于音乐</a>
                    </div>
                    <div class="tel">
                        <a href="#">
                            <span>964923436</span>
                        </a>
                        <a href="#">百度百科</a>
                        <a href="#">查卡器</a>
                    </div>
                </div>
                <div class="footer2">
                    <div class="copyright">
                        <span>19051620</span>
                    </div>
                </div>
            </footer>
        </div>
    </div>
</body>

</html>